<!--
 * @Description: 
 * @Date: 2024-05-16 15:30:10
 * @LastEditTime: 2024-10-11 14:03:27
-->
<route lang="json5">
{
  style: {
    navigationBarTitleText: '陈列室',
    navigationBarTextStyle: 'white', //标题栏字体颜色
    navigationBarBackgroundColor: '#0063AF', //标题栏背景色(纯色)
  },
}
</route>
<template>
  <view class="showRoom w-screen h-screen p-20rpx box-border">
    <view class="w-100% h-100%">
      <view
        class="w-100% h-300rpx b-rounded-22rpx overflow-hidden border-#e8e3e3 b-2rpx b-solid mb-20rpx flex justify-center pos-relative items-start"
        @click="skipVideo"
      >
        <img
          src="https://yajcy.gov.cn:8082/web/20240827142825.png"
          class="w-100% h-100% pos-absolute top-0 left-0"
        />
        <text
          class="w-100% mx-auto text-center pos-absolute bottom-10rpx text-30rpx font-600 color-#17477F z-10"
        >
          {{ cityType(userStore.userInfo.tenantId).title }}
        </text>
      </view>
      <view
        class="w-100% h-300rpx bgImg2 b-rounded-22rpx flex justify-center items-start pos-relative border-#e8e3e3 b-2rpx b-solid"
        @click="skipQuan"
      >
        <text
          class="w-100% mx-auto text-center pos-absolute bottom-10rpx text-30rpx font-600 color-#17477F z-10"
        >
          检察院旧址
        </text>
      </view>
    </view>
  </view>
</template>
<script lang="ts" setup>
import { useUserStore } from '@/store'
const userStore = useUserStore()

const cityType = computed(() => {
  return function (index) {
    if (index) {
      return showList.filter((item) => {
        return item.id == index
      })[0]
    }
  }
})
const showList = [
  {
    id: 167,
    url: 'https://yajcy.gov.cn:8082/web/20240827142825.png',
    title: '延安市：《延安检察：陕甘宁陈列室》',
  },
  {
    id: 169,
    url: 'https://yajcy.gov.cn:8082/web/11.png',
    title: '宝塔区：《宝塔检察：红色圣地的法治卫士》',
  },
  {
    id: 170,
    url: 'https://yajcy.gov.cn:8082/web/11.png',
    title: '安塞区：《安塞检察：鼓乡正义的守护者》',
  },
  {
    id: 179,
    url: 'https://yajcy.gov.cn:8082/web/11.png',
    title: '延长县：《延长检察：延水河畔的公平使者》',
  },
  {
    id: 173,
    url: 'https://yajcy.gov.cn:8082/web/11.png',
    title: '子长市：《子长检察：将军故里的正义担当》',
  },
  {
    id: 172,
    url: 'https://yajcy.gov.cn:8082/web/11.png',
    title: '志丹县：《志丹检察：红都大地的法治先锋》',
  },
  {
    id: 171,
    url: 'https://yajcy.gov.cn:8082/web/11.png',
    title: '吴起县：《吴起检察：胜利山下的检察力量》',
  },
  {
    id: 174,
    url: 'https://yajcy.gov.cn:8082/web/11.png',
    title: '甘泉县：《甘泉检察：美水之乡的法治护盾》',
  },
  {
    id: 175,
    url: 'https://yajcy.gov.cn:8082/web/11.png',
    title: '富县：《富县检察：鄜州大地的公正捍卫者》',
  },
  {
    id: 177,
    url: 'https://yajcy.gov.cn:8082/web/11.png',
    title: '洛川县：《洛川检察：苹果之乡的法治守护者》',
  },
  {
    id: 176,
    url: 'https://yajcy.gov.cn:8082/web/11.png',
    title: '宜川县：《宜川检察：壶口瀑布旁的正义之剑》',
  },
  {
    id: 178,
    url: 'https://yajcy.gov.cn:8082/web/11.png',
    title: '黄龙县：《黄龙检察：生态明珠的法治保障》',
  },
  {
    id: 181,
    url: 'https://yajcy.gov.cn:8082/web/11.png',
    title: '黄陵县：《黄陵检察：轩辕故里的法治忠诚》',
  },
  {
    id: 180,
    url: 'https://yajcy.gov.cn:8082/web/11.png',
    title: '延川县：《延川检察：文安驿旁的法治之光》',
  },
]
function skipVideo() {
  uni.navigateTo({
    url: '/pages/menu/showRoom/showVideo',
  })
}
function skipQuan() {
  uni.navigateTo({
    url: '/pages/home/quanJIn',
  })
}
</script>
<style lang="scss" scope>
.bgImg1 {
  background: url('https://yajcy.gov.cn:8082/web/20240827142825.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.bgImg2 {
  background: url('https://yajcy.gov.cn:8082/web/20240827142832.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
</style>
